<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="author" content="wangbo">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- <link rel="stylesheet" type="text/css" href=""/> -->
		<title> </title>
	</head>
	<body>
		<div id="app">
			
		</div>

		<script type="text/javascript" src="../js/react.development.js"> </script>
		<script type="text/javascript" src="../js/react-dom.development.js"> </script>
		<script type="text/javascript" src="../js/babel.min.js"> </script>
		<script type="text/babel">
			class App extends React.Component {
				constructor(props) {
					super(props)
				}
				render(){
					return(
						<div>
						<h1>组合的联系静态数据</h1>
						<Add />
						<List/>
						</div>
					)
				}
			}
			class Add extends React.Component {
				constructor(props) {
					super(props)
				}
				render(){					
					return(
						<div>
							<input type="text" name="" />
							<button type="button">按钮#4</button>
						</div>
					)
				}
			}
			class List extends React.Component {
				constructor(props) {
					super(props)
				}
				render(){
					return(
						<ul>
							<li>aaa</li>
							<li>bbb</li>
							<li>ccc</li>
						</ul>
					)
				}
			}
			ReactDOM.render(<App/>,document.getElementById('app'))
		</script>
	</body>
</html>
